<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>我们的产品</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/index.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/reset.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/main.css">
  <!-- 链入动画样式 -->
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" type="text/css" href="../../css/production/index.css">

  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>
  <div class="product-container">
    <div class="product-box">
      <div class="product-container-title">
        <div class="product-container-title-top clearFix">
          <div class="pull-left wow bounceInLeft ">我们的产品</div>
          <div class="pull-right wow bounceInRight"> <a href="list.html?tab=0"><span>more</span> <img
                src="../../img/production/arrow.png" alt=""></a>
          </div>
        </div>
        <div class="product-container-title-bottom wow bounceInLeft ">OUR PRODUCTS</div>
      </div>
      <div class="product-container-type wow bounceInUp" data-wow-duration="0.5s">
        <div class="product-container-type-firstLine clearFix">
          <a href="list.html?tab=0">
            <div class="bg1 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="1s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-1.png" alt=""></div>
                <div class="type-center">十三香类</div>
                <div class="type-bottom">Thirteen fragrance</div>
              </div>
            </div>
          </a>
          <a href="list.html?tab=1">
            <div class="bg2 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="1.5s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-2.png" alt=""></div>
                <div class="type-center">鸡精类</div>
                <div class="type-bottom">Chicken essence</div>
              </div>
            </div>
          </a>
          <a href="list.html?tab=2">
            <div class="bg3 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="2s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-3.png" alt=""></div>
                <div class="type-center">麻辣鲜类</div>
                <div class="type-bottom">Spicy and fresh</div>
              </div>
            </div>
          </a>
          <a href="list.html?tab=3">
            <div class="bg4 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="2.5s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-4.png" alt=""></div>
                <div class="type-center">原料精装类</div>
                <div class="type-bottom">Thirteen fragrance</div>
              </div>
            </div>
          </a>
          <a href="list.html?tab=4">
            <div class="bg5 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="3s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-5.png" alt=""></div>
                <div class="type-center">综合科类</div>
                <div class="type-bottom">Chicken essence</div>
              </div>
            </div>
          </a>
          <a href="list.html?tab=5">
            <div class="bg6 pull-left text-center col3 col-xs-6 product-container-type-bg wow fadeIn"
              data-wow-duration="1s" data-wow-delay="3.5s">
              <div class="text-box">
                <div><img class="product-container-type-icon" src="../../img/production/icon-6.png" alt=""></div>
                <div class="type-center">礼品类</div>
                <div class="type-bottom">Spicy and fresh</div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>

  </div>
  <footer></footer>

  <script src="../../js/jquery-1.11.3.min.js"></script>
  <script src="../../public/idangerous.swiper.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script src="../../js/common.js"></script>
  <script type="text/javascript">
    window.onload = function () {
      $('header').load('../../template/header.html')
      $('footer').load('../../template/footer.html')
      setBannerFullscreen('.product-container');
      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
      }
    }

  </script>
</body>

</html>